<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="stylesheet" type="text/css" href="../../../css/cloud-admin.css">
		<link rel="stylesheet" type="text/css" href="../../../css/themes/default.css" id="skin-switcher">
		<link href="../../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
		
		<!-- bootstrap table css-->
		<link rel="stylesheet" href="../../../bootstrapTable/dist/bootstrap-table.min.css">

		<!-- bootstrap-tagsinput.css -->
		<link rel="stylesheet" href="../../../js/bootstrap-tagsinput/bootstrap-tagsinput.css">
			
		<!--jquery -->
		<script type="text/javascript" src="../../../js/jquery/jquery-2.0.3.min.js"></script>
		
		<!-- BOOTSTRAP -->
		<script src="../../../bootstrap-dist/js/bootstrap.min.js"></script>
		
		<!-- bootstrap table js -->
		<script src="../../../bootstrapTable/dist/bootstrap-table.js"></script>
		<script src="../../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
		
		<!-- xcConfirm -->
		<link rel="stylesheet" type="text/css" href="../../../css/xcConfirm.css"/>
		<script src="../../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- bootstrap-tagsinput -->
		<script src="../../../js/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
		
		<!-- select -->
		<script type="text/javascript" src="../../../js/bindcontrol.js" charset="UTF-8"></script>

		<script type="text/javascript" src="../../../js/share.js"></script>
		
		<script type="text/javascript" src="add2.js"></script>
		<script type="text/javascript" src="addQuestionDetail.js"></script>
		
		<style type="text/css">
			.bootstrap-tagsinput {
				width: 100% !important;
		 		text-align: left;
			}
			.bootstrap-tagsinput input{
		 		width: 100%;
			}
		</style>
	</head>
	
	<body style="background-color: white;">
		<table class="table table-bordered"  style="vertical-align: middle !important;">
			<tr>
				<td>
					问卷标题<span style="color:red;">*</span>：
				</td>
				<td colspan="3">
					<input type="hidden" id="pk"> 
					<input type="text" id="questionnaireTitle" name="QUESTIONNAIRETITLE" class="form-control" placeholder="请输入问卷标题" />
				</td>
			</tr>
			<tr>
				<td>
					有效起始日期<span style="color:red;">*</span>：
				</td>
				<td>
					<input type="date" id="qst" name="EFFECTIVESTARTDATE" class="form-control" placeholder="请选择起始日期" >
				</td>
				<td>
					有效结束日期<span style="color:red;">*</span>：
				</td>
				<td>
					<input type="date" id="qen" name="EFFECTIVEENDDATE" class="form-control" placeholder="请选择结束日期" >
				</td>
			</tr>
			<tr>
				<td>
					问卷说明<span style="color:red;">*</span>：
				</td>
				<td colspan="3">
					<textarea rows="5" id="disc" name="QUESTIONNAIREDISC" class="form-control" placeholder="请输入问卷说明"></textarea>
				</td>
			</tr>
			<tr>
				<td>
					是否发布问卷：
				</td>
				<td colspan="3" style="text-align: left;">
					<input type="radio" name="STATUS" value="1" />是
					<input type="radio" name="STATUS" value="0" checked="checked" />否
				</td>
			</tr>
		</table>
		<form class="form-horizontal" id="questionDetail">
			<div class="panel panel-primary">
			    <div class="panel-heading">问卷问题</div>
			    <table class="table" id="tableQuestionDetail">
			    	<thead>
				    	<tr>
					        <th style="width: 80px; text-align: center;">序号</th>
					        <th>问题<span style="color:red;">*</span></th>
					        <th>问题类型<span style="color:red;">*</span></th>
					        <th>问题选项<span style="color:red;">*</span></th>
					        <th style="width: 80px;">删除行</th>
				        </tr>
			        </thead>
			        <tbody>
			        	<tr class="no-records-found">
			        		<td colspan="5" style="font-size:14px;">
			        			单击“新增行”增加问卷问题！
			        		</td>
			        	</tr>
			        </tbody>
			    </table>
			    
			    <div style="text-align: right; ">
			    	<button id="addQuestionDetail" type="button" class="Edit btn btn-success  btn-sm" style="margin:10px;"><span class="glyphicon glyphicon-plus"></span>新增行</button>
			    	<button id="deleteAllQuestionDetail" type="button" class="Delete btn btn-danger btn-sm" style="margin-right:10px;"><span class="glyphicon glyphicon-minus"></span>删除所有行</button>
			    </div>
			</div>
   		</form>	
	</body>

</html>